<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css\rlb2.css">
</head>

<body>
    <header>
        <nav>
            <div class="nav-container" style="width: 1420px;overflow: hidden;
            margin: 0 auto;">
                <div class="nav-left" style="overflow: hidden;float: left;">
                    <img src="image\bilibili.png" alt="logo" width="70px" height="35px"
                        style="position: relative;top: 10px;">
                    <a href="#"><span>首页</span></a>
                    <a href="#"><span>番剧</span></a>
                    <a href="#"><span>直播</span></a>
                    <a href="#"><span>游戏中心</span></a>
                    <a href="#"><span>会员购</span></a>
                    <a href="#"><span>漫画</span></a>
                    <a href="#"><span>赛事</span></a>
                    <a href="#"><span>下载客户端</span></a>
                </div>
                <input type="search" name="" id=""
                    style="width: 400px;height: 35px;border: none;border-radius: 5px;
          background-color: #e3e3e3;top: 15px;text-align: center;margin-left: 20px;position: relative;left: 25px;">
                <div class="nav-right" style="float: right;line-height: 65px;">
                    <input type="button" value="登录" style="width: 40px;border-radius: 100px;height: 40px;
                border: none;background-color: rgb(17, 199, 255);
                color: white;font-weight: bold;font-size: 14px;margin-left: 15px">
                    <a href="#"><span>大会员</span></a>
                    <a href="#"><span>消息</span></a>
                    <a href="#"><span>动态</span></a>
                    <a href="#"><span>收藏</span></a>
                    <a href="#"><span>历史</span></a>
                    <a href="#"><span>创作中心</span></a>
                    <input type="button" value="投稿" style="border-radius: 5px;background-color: rgb(250, 138, 168);
                    width: 90px;height: 35px;border: none;margin-left: 15px;">
                </div>
            </div>
        </nav>
    </header>
    <section>
        <div class="all">
            <div class="left">
                <div class="timu" style="height:100px ;">
                    <p style="font-size: 18px;padding-top: 20px;">疑似《哪吒2》删减片段流出(二)</p>
                    <p style="color: #666666;font-size: 12px;margin-top: 10px;">158.4万
                        3153
                        2025-02-07 18:00:00
                        未经作者授权，禁止转载</p>
                </div>
                <div class="video" style="height: 450px;">
                    <video src="image\燕云十六声 2025-02-10 23-34-19.mp4" autoplay="autoplay"
                        style="height: 450px;width: 100%;padding: 0;">wdahidwuhaiu</video>
                </div>
                <div class="bullet" style="height: 45px;box-shadow: 1px 1px 5px rgba(0, 0 ,0 ,0.1), -1px 1px 5px rgba(0, 0 ,0 ,0.2);">
                    <span style="color: #666666;">0人正在看,
                        已装填100条弹幕</span>
                    <span><a href="#">弹幕</a></span>
                    <span><a href="#">设置</a></span>
                    <div style="width: 390px;display: inline-block;border: none;border-radius: 10px;
                    height: 25px;padding: 2px;text-align: center;font-size: 14px;">请先
                        <a href="#" style="border: none;color: rgb(144, 194, 255);">登录</a>"或
                        <a href="#" style="border: none;color: rgb(144, 194, 255);">注册</a>
                    </div>
                </div>
                <div class="sanlian" style="height: 60px;">
                    <span><img src="image\点赞.png" alt="" width="30px" height="30px">3.5万</span>
                    <span><img src="image\投币@2x.png" alt="" width="30px" height="30px">6473</span>
                    <span><img src="image\收藏.png" alt="" width="30px" height="30px">2.5万</span>
                    <span><img src="image\转发.png" alt="" width="30px" height="30px">3515</span>
                </div>
                <hr>
                <div class="biaoti" style="height: 110px;">
                    <div style="padding: 10px 0 10px;">
                        <p style="line-height: 50px;font-size: 14px;">浅澄月老师浅用下标题不过分吧</p>
                        <p><input type="button" value="哪吒之魔童闹海">
                            <input type="button" value="鬼畜配音">
                            <input type="button" value="哲学">
                            <input type="button" value="哪吒2">
                            <input type="button" value="鸡汤来咯">
                            <input type="button" value="哪吒2登顶中国影史票房榜首">
                            <input type="button" value="虎哥">
                            <input type="button" value="太乙真人">
                            <input type="button" value="马保国">
                        </p>
                    </div>
                </div>
                <hr>
                <div class="actibity" style="margin: 20px 0;height: 110px;">
                    <div style="padding: 25px 0px 25px 20px;font-size: 14px;line-height: 30px;float: left;">
                        <p style="font-weight: bold;">小哪吒祝您新年快乐</p>
                        <p style="width: 320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">本视频参加过 [
                            电影《哪吒之魔童闹海》二创征稿 ] 活动，该活动已结束~</p>
                    </div>
                    <div style="float: right;">
                        <img src="image\c45c249f-f7ea-429f-9975-1894e46b335b.png" alt=""
                            style="width: 380px;height:110px ;">
                    </div>
                </div>
                <div class="ad" style="margin:20px 0;height: 110px;">
                    <img src="image\guanggaotupian.png" alt="" srcset="" width="100%" height="100%">
                </div>
                <div class="game" style="margin-bottom: 15px;height: 45px;background-color: rgb(154, 126, 181);">
                    <p style="width: 100%; height: 100%;
            line-height: 40px;padding-left: 10px;margin-top: 15px;border-radius: 5px;">
                        <a href="#" style="text-decoration: none;font-size: 14px;">来看《angel
                            beatsl》第二季</a>
                    </p>
                </div>
                <div class="home" style="margin-bottom: 20px;height: 140px;">
                    <div style="margin-top: 15px;">
                        <span style="font-size: 24px;">评论</span><span>最热</span><span>最新</span>
                    </div>
                    <div style="margin-top: 15px;margin-left: 10px;">
                        <img src="image\weidenglutouxiang.avif" alt="" width="50px" height="50px"
                            style="border-radius: 50px;">
                        <div style="padding: 5px 50px;background-color: #dadada;width: 450px;border-radius: 5px;height: 40px;float: right;margin-right: 100px;
                        font-size: 18px;text-align: center;line-height:55px ;text-align: left;line-height: 40px;">
                            加载中
                        </div>
                    </div>
                </div>
                <div class="review" style="margin-bottom: 20px;height: 400px;">
                    <div style="margin-top: 25px;margin-left: 10px;">
                        <img src="image\yingjiaomeidetouxiang.png" alt="" width="40px" height="40px"
                            style="border-radius: 50px;float: left;">
                        <div style="float: left;margin-left: 25px;">
                            <p style="color: #777777;font-size: 13px;">蕉蓝莓</p>
                            <p style="width: 600px;font-size: 15px;padding: 10px 0 10px;">
                                宣传一下新作，纯真的活字乱刷，100%保真，望三连支持！🥺🥺
                                【✋我奶龙得了MVP！✋-哔哩哔哩】
                                ￼
                                ✋我奶龙得了MVP！✋</p>
                            <p style="color: #777777;font-size: 13px;">2025-02-23 18:16</p>
                        </div>
                    </div>
                </div>
                <div class="dengluchakan" style="height: 50px;width: 600px;margin-left: 70px;">
                    <input type="button" value="登录后查看933条评论" style="width: 600px;height: 100%
                            ;color:rgb(39, 177, 251);border: none;">
                </div>
            </div>
            <div class="right">
                <div class="zuozhe" style="height:100px ;">
                    <div style="padding-top: 15px;">
                        <img src="image\yingjiaomeidetouxiang.png" alt="" width="50px" height="50px"
                            style="border-radius: 50px;float: left;margin-top: 10px;">
                        <div style="float: left;margin-left: 10px;">
                            <p style="font-size: 14px;font-weight:520;">蕉蓝莓</p>
                            <p style="width: 250px;font-size: 12px;overflow: hidden;
                            text-overflow: ellipsis;white-space: nowrap;color: #666666;">
                                wx：18101790961 |l秀知院学园成员 l| 兼 HAPPY_TE
                            <p style="color: #777777;font-size: 13px;"><input type="button" value="+关注 3.0万"
                                    style="border: none;background-color: rgb(2, 183, 255);
                        width: 200px;height: 30px;border-radius: 5px;font-size: 18px;margin-top: 5px;color:white;font-size: 12px;font-weight: bold;"></p>
                        </div>
                    </div>

                </div>
                <div class="list" style="height: 45px;margin-bottom: 20px;">
                    <select style="border: none;width: 100%;height: 60px;background-color:#f4f4f4;line-height: 100%5;padding: 10px;
                        height: 100%;border-radius: 5px;">
                        <option value="" disabled selected>
                            <p style="font-size: 20px;padding: 10px;">弹幕列表</p>
                        </option>
                        <option value=""></option>
                        <option value=""></option>
                        <option value=""></option>
                        <option value=""></option>
                        <option value=""></option>
                        <option value=""></option>
                        <option value=""></option>
                    </select>
                </div>
                <div class="ad_1" style="height: 90px;margin-bottom: 35px;">
                    <img src="image\miaosuwenzimiaobianqingxidazuo.png" alt="" width="160px"
                        style="border-radius: 5px;height: 100%;">
                    <div style="width: 180px;float: right;font-size: 14px;">
                        <p>
                            描述文字，秒变高清大作！夸克浏览器PC版AI生图功能，</p>
                    </div>
                </div>
                <div class="next" style="height: 30px;margin-bottom: 15px;font-size: 14px;">
                    <span>接下来播放</span>
                </div>
                <div class="first" style="height: 90px;margin-bottom: 15px;">
                    <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                        style="border-radius: 5px;height: 100%;">
                    <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                        <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                        <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                        <p style="font-size: 12px;color: #666666;">32.7万204</p>
                    </div>
                </div>
                <hr style="margin-bottom: 15px;">
                <div class="yichuan" style="height: 1100px;margin-bottom: 15px;">
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                    <div class="first" style="height: 90px;margin-bottom: 15px;">
                        <img src="image\chaoxiangnezhatupian.png" alt="" width="160px"
                            style="border-radius: 5px;height: 100%;">
                        <div style="width: 180px;float: right;margin-right: 1px;line-height: 20px;">
                            <p style="font-size: 14px;">抽象派哪吒吹喇叭，大过年的不要给饺子导演添堵啊喂</p>
                            <p style="font-size: 12px;color: #666666;">阿信的抽象动画</p>
                            <p style="font-size: 12px;color: #666666;">32.7万204</p>
                        </div>
                    </div>
                </div>
                <div class="unfold" style="height: 45px;margin-bottom: 20px;">
                    <input type="button" value="展开" style="width:100%;height: 100%;background-color: #e7e6e6;
                    border: none;font-size: 12px;">
                </div>
                <div class="suibian" style="height: 200px;">
                    <img src="image\广告大图.png" alt="" width="100%" height="100%">
                </div>
            </div>
        </div>
    </section>

</body>

</html>
